<template>
  <el-dropdown trigger="click" @command="handleCommand">
    <template #trigger>
      <span class="el-dropdown-link"> 下拉菜单 <i class="el-icon-arrow-down el-icon--right"></i> </span>
    </template>
    <el-dropdown-menu @click.stop>
      <el-checkbox-group v-model="selectedOptions">
        <el-checkbox v-for="option in options" :key="option.value" :label="option.value">
          {{ option.label }}
        </el-checkbox>
      </el-checkbox-group>
    </el-dropdown-menu>
  </el-dropdown>
</template>
<script setup lang="ts">
const options = [
  { label: "选项1", value: "option1" },
  { label: "选项2", value: "option2" },
  { label: "选项3", value: "option3" }
];
const selectedOptions = ref([]);

const handleCommand = () => {
  // Dropdown command
};
</script>
<style lang=""></style>
